.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  .topWrap{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: $padding;
    background-color: #fff;
    .family{
      display: flex;
      align-items: center;
      .changeFamily{
        margin-left: 24px;
      }
    }
   
  }
  .contentWrap {
    width: 100%;
    flex: 1;
    z-index: 2;
    overflow: hidden;
    padding: $padding;
    padding-bottom: 0;
    .list{
      border-radius: 24px;
      padding: 32px;
      background-color: #fff;
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      grid-gap: 32px;
      box-shadow: 1px 4px 10px 2px #ccc;
      .item{
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: center;
        justify-content: center;
        padding: $padding;
        box-shadow: 1px 4px 10px 2px #ccc;
        .icon{
          width: 48px;
          height: 48px;
        }
      }
    }
  }
}
